<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--EL表达式循环去除空格回车--%>
<%@ page trimDirectiveWhitespaces="true" %>
<%@ include file="head.jsp" %>
<!--滚动大图开始-->
<div class="wraper">
    <section id="main" class="site-main clear_bottom">
        <aside class="main-left">
            <ul class="category-list">
                <%--一级类型--%>
                <c:forEach items="${result.ProductType.YJLX}" var="YJLX">
                    <li>
                        <a href="/product/yjlx/${YJLX.YJLXURL}"><span>${YJLX.YJLXMC}</span> </a>
                        <div class="content">
                                <%--二级类型--%>
                            <c:forEach items="${result.ProductType.EJLX}" var="EJLX">
                                <c:if test="${YJLX.YJLXID==EJLX.YJLXID}">
                                    <div class="service-panel">
                                        <h5>
                                            <a href="/product/ejlx/${EJLX.EJLXURL}" style="float: left;">${EJLX.EJLXMC}
                                                <span style="float: right;">
                                            <div class="more"></div>
                                        </span>
                                            </a>
                                        </h5>
                                        <p>
                                                <%--三级类型--%>
                                            <c:forEach items="${result.ProductType.SJLX}" var="SJLX">
                                                <c:if test="${EJLX.EJLXID==SJLX.EJLXID}">
                                                    <a href="/product/sjlx/${SJLX.SJLXURL}">${SJLX.SJLXMC}</a>
                                                </c:if>
                                            </c:forEach>
                                        </p>
                                    </div>
                                </c:if>
                            </c:forEach>

                        </div>
                    </li>
                </c:forEach>


            </ul>
        </aside>
        <!--<div id="test">123</div>-->
        <section class="main-right">
            <div class="slider ">
                <ul class="slider-main">
                    <li style="display: list-item;"><a href="javascript:"><img
                            src="<%=request.getContextPath()%>/res/images/1.jpg" alt=""></a></li>
                    <li style="display: none;"><a href="javascript:"><img
                            src="<%=request.getContextPath()%>/res/images/2.jpg" alt=""></a></li>
                </ul>
                <ul class="index">
                    <li class="active"></li>
                    <li class=""></li>
                </ul>
                <a class="btn pre" href="javascript:"></a>
                <a class="btn next" href="javascript:"></a>
            </div>
        </section>
        <div class="side-info">
            <div class="side-cal mb10">
                <!--<div class="title">-->
                <!--</div>-->
                <div class="inner">

                    <img src="http://img.cnhnb.com/group1/M00/5C/FE/0788C8QF06ChRkRliqqVeAPFzKAACkIHQzPV4286.jpg"
                         data-original="http://img.cnhnb.com/group1/M00/5C/FE/0788C8QF06ChRkRliqqVeAPFzKAACkIHQzPV4286.jpg"
                         alt="十一月初八" width="100%" height="100%" class="lazy" style="display: block;">

                    <div class="date clearfix">

                    </div>
                </div>
            </div>
            <div class="side-log">
                <div class="btns clearfix">
                    <a href="http://www.cnhnb.com/app/download/" target="_blank">下载52原生态APP</a>
                </div>
                <div id="J-idtab" class="tabs">
                    <ul class="tit clearfix">
                        <li><a href="#tab1" class="selected">公告</a></li>
                        <li><a href="#tab2" class="">买家</a></li>
                        <li><a href="#tab3" class="">卖家</a></li>
                        <li><a href="#tab4" class="">规则</a></li>
                    </ul>
                    <div id="tab1" class="hidden" style="display: block;">
                        <ul class="list">

                            <li><a href="http://news.cnhnb.com/zhifujing/detail/398529/" target="_blank" rel="nofollow">【公告】【样品中心】参与公告</a>
                            </li>

                            <li><a href="http://www.cnhnb.com/xt/article-43195.html" target="_blank" rel="nofollow">【公告】“类目结构”功能升级通知</a>
                            </li>

                            <li><a href="http://www.cnhnb.com/zhuanti/fpzzt/index.html" target="_blank" rel="nofollow">【公告】315打假
                                常见骗术解析</a></li>

                            <li><a href="http://help.cnhnb.com/problem/detail/328" target="_blank" rel="nofollow">【公告】手机版实名认证更新通知</a>
                            </li>

                        </ul>
                    </div>
                    <div id="tab2" class="hidden" style="display: none;">
                        <ul class="list">

                            <li><a href="http://www.cnhnb.com/xt/article-1041.html" target="_blank" rel="nofollow">教您一分钟快速发布采购！</a>
                            </li>

                            <li><a href="http://www.cnhnb.com/xt/list-9026/" target="_blank"
                                   rel="nofollow">警惕！交易常见骗局</a></li>

                            <li><a href="http://www.cnhnb.com/xt/article-974.html" target="_blank" rel="nofollow">在线购买产品必看</a>
                            </li>

                            <li><a href="http://www.cnhnb.com/xt/article-667.html" target="_blank" rel="nofollow">买家如何用APP快速找货</a>
                            </li>

                        </ul>
                    </div>
                    <div id="tab3" class="hidden" style="display: none;">
                        <ul class="list">

                            <li><a href="http://www.cnhnb.com/xt/article-610.html" target="_blank" rel="nofollow">必看！新版供应发布指南</a>
                            </li>

                            <li><a href="http://www.cnhnb.com/xt/list-9053/" target="_blank"
                                   rel="nofollow">实名认证享有什么特权？</a></li>

                            <li><a href="http://www.cnhnb.com/xt/list-9039/" target="_blank" rel="nofollow">在线交易这些地方必须注意！</a>
                            </li>

                            <li><a href="http://www.cnhnb.com/article-39871.html" target="_blank" rel="nofollow">这样做增加产品展示</a>
                            </li>

                        </ul>
                    </div>
                    <div id="tab4" class="hidden" style="display: none;">
                        <ul class="list">

                            <li><a href="http://www.cnhnb.com/xt/article-434.html" target="_blank" rel="nofollow">惠农网供应发布规则</a>
                            </li>

                            <li><a href="http://www.cnhnb.com/xt/article-335.html" target="_blank" rel="nofollow">新《中华人民共和国广告法
                                》正式施行</a></li>

                            <li><a href="http://www.cnhnb.com/xt/article-320.html" target="_blank" rel="nofollow">中国惠农网运营规则</a>
                            </li>

                            <li><a href="http://www.cnhnb.com/xt/article-319.html" target="_blank" rel="nofollow">惠农网服务条款</a>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="pic-banner mtb15">
        <ul class="clearfix">

            <li class="first">
                <a href="http://www.cnhnb.com/p/jimiao/" target="_blank" title="鸡苗" rel="nofollow"
                   phptag="phptag_home_B_1_1001"><img
                        src="http://img.cnhnb.com/group1/M00/9F/0E/6013F4K1DDChRkRluwmUOAPJY6AAA4WKPYDNQ828.jpg"
                        data-original="http://img.cnhnb.com/group1/M00/9F/0E/6013F4K1DDChRkRluwmUOAPJY6AAA4WKPYDNQ828.jpg"
                        alt="鸡苗" width="100%" height="120" class="lazy" style="display: block;"></a></li>

            <li>
                <a href="http://www.cnhnb.com/p/bc/" target="_blank" title="白菜" rel="nofollow"
                   phptag="phptag_home_B_2_1002"><img
                        src="http://img.cnhnb.com/group1/M00/9E/F6/8DB25*H450ChRkRlukul2ACsgeAAAwyjMCXMM791.jpg"
                        data-original="http://img.cnhnb.com/group1/M00/9E/F6/8DB25*H450ChRkRlukul2ACsgeAAAwyjMCXMM791.jpg"
                        alt="白菜" width="100%" height="120" class="lazy" style="display: block;"></a></li>

            <li>
                <a href="http://www.cnhnb.com/p/pingguo/" target="_blank" title="苹果" rel="nofollow"
                   phptag="phptag_home_B_3_1003"><img
                        src="http://img.cnhnb.com/group1/M00/9F/08/AE095BSC27ChRkRluu3xSARhtwAABFtDx5tWM518.jpg"
                        data-original="http://img.cnhnb.com/group1/M00/9F/08/AE095BSC27ChRkRluu3xSARhtwAABFtDx5tWM518.jpg"
                        alt="苹果" width="100%" height="120" class="lazy" style="display: block;"></a></li>

            <li>
                <a href="http://www.cnhnb.com/p/ganjumiao/" target="_blank" title="柑桔苗" rel="nofollow"
                   phptag="phptag_home_B_4_1004"><img
                        src="http://img.cnhnb.com/group1/M00/9F/0B/F61C23R4CFChRkRluvLn6ADGwrAABD2bndAW4181.jpg"
                        data-original="http://img.cnhnb.com/group1/M00/9F/0B/F61C23R4CFChRkRluvLn6ADGwrAABD2bndAW4181.jpg"
                        alt="柑桔苗" width="100%" height="120" class="lazy" style="display: block;"></a></li>

            <li>
                <a href="https://jinshuju.net/f/fu7Tae" target="_blank" title="采购认证" rel="nofollow"
                   phptag="phptag_home_B_5_1005"><img
                        src="http://img.cnhnb.com/group1/M00/8D/D2/080979R8CDChRkRllXRwSASiJ2AABNnIeNlS8348.jpg"
                        data-original="http://img.cnhnb.com/group1/M00/8D/D2/080979R8CDChRkRllXRwSASiJ2AABNnIeNlS8348.jpg"
                        alt="采购认证" width="100%" height="120" class="lazy" style="display: block;"></a></li>

            <li class="last">
                <a href="http://www.food.cnhnb.com/?=B" target="_blank" title="湖南绿色食品网" rel="nofollow"
                   phptag="phptag_home_B_6_1006"><img
                        src="http://img.cnhnb.com/group1/M00/1A/E2/67634FY7A4ChRkRlci-maAX9ywAABNewWqnlM499.jpg"
                        data-original="http://img.cnhnb.com/group1/M00/1A/E2/67634FY7A4ChRkRlci-maAX9ywAABNewWqnlM499.jpg"
                        alt="湖南绿色食品网" width="100%" height="120" class="lazy" style="display: block;"></a></li>

        </ul>
    </div>
</div>
<!--滚动大图结束-->
<!--商品展示开始-->
<div class="wraper product">
    <div class="product_wrap">
        <!--头-->
        <div class="wrap-tit">
            <h3 class="wrap-tit-l">畜牧水产</h3>
            <div class="wrap-tit-r">
                <!--<p class="dark-link fs14">-->

                <!--<a href="http://www.cnhnb.com/p/ji/" target="_blank" class="ml10" title="鸡">鸡</a>-->

                <!--<a href="http://www.cnhnb.com/p/niu/" target="_blank" class="ml10" title="牛">牛</a>-->
                <!--</p>-->
            </div>
        </div>
        <div style="height: 640px;">
            <div class="nav-left main-pic"><img src="<%=request.getContextPath()%>/res/images/row2Img.jpg" width="100%"
                                                height="100%"></div>
            <div class="nav-left wrap-list">
                <ul class="wrap-info">
                    <li class="col">
                        <div class="row">
                            <span class="tip orange">免邮件</span>
                            <a href="">
                                <dl>
                                    <dt><img src="<%=request.getContextPath()%>/res/images/zb1.jpg"></dt>
                                    <dd class="name">小米路由器3</dd>
                                    <dd class="desc">四天线设计，更安全更稳定</dd>
                                    <dd class="price">149元</dd>
                                </dl>
                            </a>
                        </div>

                    </li>
                    <li class="col">
                        <div class="row">
                            <span class="tip orange">免邮件</span>
                            <a href="">
                                <dl>
                                    <dt><img src="<%=request.getContextPath()%>/res/images/zb5.jpg"></dt>
                                    <dd class="name">小米路由器3</dd>
                                    <dd class="desc">四天线设计，更安全更稳定</dd>
                                    <dd class="price">149元</dd>
                                </dl>
                            </a>
                        </div>
                    </li>
                    <li class="col">
                        <div class="row">
                            <span class="tip orange">免邮件</span>
                            <a href="">
                                <dl>
                                    <dt><img src="<%=request.getContextPath()%>/res/images/zb5.jpg"></dt>
                                    <dd class="name">小米路由器3</dd>
                                    <dd class="desc">四天线设计，更安全更稳定</dd>
                                    <dd class="price">149元</dd>
                                </dl>
                            </a>
                        </div>
                    </li>
                    <li class="col">
                        <div class="row">
                            <span class="tip orange">免邮件</span>
                            <a href="">
                                <dl>
                                    <dt><img src="<%=request.getContextPath()%>/res/images/zb5.jpg"></dt>
                                    <dd class="name">小米路由器3</dd>
                                    <dd class="desc">四天线设计，更安全更稳定</dd>
                                    <dd class="price">149元</dd>
                                </dl>
                            </a>
                        </div>
                    </li>

                    <li class="col">
                        <div class="row">
                            <span class="tip orange">免邮件</span>
                            <a href="">
                                <dl>
                                    <dt><img src="<%=request.getContextPath()%>/res/images/zb5.jpg"></dt>
                                    <dd class="name">小米路由器3</dd>
                                    <dd class="desc">四天线设计，更安全更稳定</dd>
                                    <dd class="price">149元</dd>
                                </dl>
                            </a>
                        </div>
                    </li>
                    <li class="col">
                        <div class="row">
                            <span class="tip orange">免邮件</span>
                            <a href="">
                                <dl>
                                    <dt><img src="<%=request.getContextPath()%>/res/images/zb5.jpg"></dt>
                                    <dd class="name">小米路由器3</dd>
                                    <dd class="desc">四天线设计，更安全更稳定</dd>
                                    <dd class="price">149元</dd>
                                </dl>
                            </a>
                        </div>
                    </li>
                    <li class="col">
                        <div class="row">
                            <span class="tip orange">免邮件</span>
                            <a href="">
                                <dl>
                                    <dt><img src="<%=request.getContextPath()%>/res/images/zb5.jpg"></dt>
                                    <dd class="name">小米路由器3</dd>
                                    <dd class="desc">四天线设计，更安全更稳定</dd>
                                    <dd class="price">149元</dd>
                                </dl>
                            </a>
                        </div>
                    </li>
                    <li class="col">
                        <div class="row">
                            <span class="tip orange">免邮件</span>
                            <a href="">
                                <dl>
                                    <dt><img src="<%=request.getContextPath()%>/res/images/zb5.jpg"></dt>
                                    <dd class="name">小米路由器3</dd>
                                    <dd class="desc">四天线设计，更安全更稳定</dd>
                                    <dd class="price">149元</dd>
                                </dl>
                            </a>
                        </div>
                    </li>

                </ul>

            </div>
        </div>

    </div>
    <!--商品展示结束-->
</div>
<script type="application/javascript" src="<%=request.getContextPath()%>/res/js/jquery-3.3.1.min.js"></script>
<%@ include file="footer.jsp" %>